迴圈(Loop) (P2-63)

• 讓一段程式碼重複執行好幾遍。
• 常見的迴圈：主要「for迴圈」，其次「while迴圈」。

for迴圈 (P2-64)

for迴圈裡有三個區塊，區塊之間使用;分號區隔，個別做不同的事。

• 區塊一（變數值初始）：變數通常用i命名。
• 區塊二（條件判斷式）：使用比較運算子，比較初始值到終點值，用來讓迴圈停止執行。
• 區塊三（計算的方式）：常用「遞增」、「遞減」計數方式改變i值。
  譬如i累加1可用i++(i=i+1)，累減1可用i--(i=i-1)。
  而其他數值表示方式i=i+2、i=i-3。
  畢竟，如果i值永遠相同，則條件判斷永遠成立，而出現無窮迴圈。

語法：

for( 變數值初始; 條件判斷式 ; 計算的方式 ){

    // ... 迴圈內要執行的邏輯

}

範例：從1數到10停止

for( var i = 1; i < 11; i++ ){
  
    console.log(i);
  
}

for迴圈搭配陣列 (P2-19) (P2-65)

• 陣列元素可以用陣列名稱搭配「索引」(index)來存取。然而有些時候需要依序取用陣列的每個元素，這時for迴圈就派上用場。

• 陣列元素的長度可用.length取得，並能用此做條件的判斷式。

範例：

var array = ["sun","star","moon"];

for( var i = 0; i < array.length ; i++ ){

    console.log( array[i] );
    
}

由於陣列的索引是從0開始算的，因此當i = 0，就能從陣列第一個元素開始依序取得內容，直到累加至3，條件判斷不成立而終止迴圈。

while迴圈 (P2-65)

• for迴圈較適合依序存取值的情況，而while迴圈「只要符合條件，就繼續執行」的概念，則較適合用在不確定迴圈會執行幾次的情況。

語法：

while( 條件判斷式 ){

    //... 迴圈內要執行的邏輯
    
}

範例：

var i = 1;

while( i < 11 ) {

  console.log(i);
  i++;

}